<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="img/logo.png">
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <title>Title</title>
    <style>
        * {
            moz-user-select: -moz-none;
            -moz-user-select: none;
            -o-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
    </style>
</head>
<body>
HTML概述

元素类型
行内元素：line 大小为内容的撑开的大小不会占满整行 ；大小和样式不能进行操作
块级元素：block 用于存放其他东西的容器，大小会占满整行
行级块：line-block  大小为内容的撑开的大小不会占满整行；大小样式都可以进行操作
line :a span strong
block:div ul li  p h
line-block:td th input button img

标签
标题行
<h1></h1>...<h6></h6>
注:h1 可以写多个，但是互联网项目只能有一个，因为如果写多个的
话会影响网络爬虫的爬取，他会默认为是作弊不去爬取你的网页
列表
有序列表 type属性有五个值
<ol type="a A 1 I i">
    <li></li>
</ol>
无序列表
<ul>
    <li></li>
</ul>
自定义列表
<dl>
    <dt></dt>
    <dd></dd>
</dl>
超链接：
<a href="存放地址、锚点、跳转位置等"></a>
href值
javaScript：void(0)；标签可以点击但是没有任何效果
# 这是添加锚点，即类似于书签；当点击时会跳到指定位
置，如果没指定则会跳到首行；
注：a标签一般用来做按钮或跳转链接
图片
<img alt="" src="" width="" height=""/>
alt 填写当图片加载不出来的时候显示的文字
src 填写图片地址
width height 均为标签属性不是css属性不用加px
DIV
cavnas
context.drawImage(image, dx, dy);
context.drawImage(image,dx, dy,dw, dh);

</body>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script>

</script>
</html>